<!DOCTYPE html>
<html xmlns="http://www.w3c.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta charset="UTF-8" />
	<script type="text/javascript"
		src="resources/js/jquery/jquery-plugins.js?ln=primefaces"></script>

	<!-- TEMPLATE -->

	<meta name="description"
		content="Clean Responsive One Page V-card by Benaissa Ghrib" />
	<meta name="keywords"
		content="HTML, CSS, JavaScript, Template, Minimal, responsive one page template, PHP, One page template" />
	<meta name="author" content="Benaissa Ghrib" />
	<meta name="viewport"
		content="width=device-width, initial-scale=1, maximum-scale=1" />
	<link rel="stylesheet" href="resources/css/main.css" />
	<link rel="stylesheet"
		href="resources/fancybox/jquery.fancybox-1.3.4.css" />
	<link rel="stylesheet" href="resources/css/flexslider.css" />
	<link rel="stylesheet" href="resources/css/fontello.css" />
	<!--[if IE 7]>
		    <link rel="stylesheet" href="resources/css/fontello-ie7.css">
		<![endif]-->
	<link rel="stylesheet" type="text/css"
		href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800,700,400italic|PT+Serif:400,400italic" />

	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->

	<!--[if lt IE 8]>
		<style>
		/* For IE < 8 (trigger hasLayout) */
		.clearfix {
		    zoom:1;
		}
		</style>
		<![endif]-->

	<!-- /TEMPLATE -->

	<title>Modificación de cliente</title>
</h:head>

<h:body>

	<!-- TEMPLATE -->

	<!--Wrapper-->
	<div id="wrapper">
		<!--Main header-->
		<section id="header">
			<div id="innerHeader">
				<!--Header-->
				<header class="clearfix">
					<!--Logo-->
					<div id="logo">
						<h1>
							<a href="#wrapper">Online Store <span>Retailer</span></a>
						</h1>
					</div>
					<!--End logo-->
					<h:form>
						<p style="width: 100%; text-align: right;">
							Hola <b><h:outputText value="#{sessionScope.user.nombre}"></h:outputText></b>
							| <a href="carritoCompras.xhtml" title="Ver carrito de compras">Ver
								carrito</a> |
							<p:commandLink value="Cerrar sesión"
								action="#{AutenticacionBean.cerrarSesion}" ajax="false"></p:commandLink>
						</p>
					</h:form>
				</header>
				<!--End header-->
			</div>

			<p:menubar model="#{MenuBean.model}" id="OSRMenu" />

			<!--End inner header-->
		</section>
		<!--End main header-->

		<!--Main content-->
		<div id="mainContent" class="clearfix">

			<!--Slider-->
			<div id="slider">
				<div id="slideShow" class="flexslider">
					<ul class="slides">
						<li><img src="resources/images/sliderImages/slide1.jpg"
							alt="" /></li>
						<li><img src="resources/images/sliderImages/slide2.jpg"
							alt="" /></li>
					</ul>
				</div>
			</div>
			<!--End slider-->

			<!--Inner Content-->
			<div id="innerContent" class="clearfix">
				<!--Anota-->
				<div id="anota">
					<div>
						<h1>Online Store Retailer</h1>
						<h2>Una tienda en linea con fines académicos</h2>
					</div>
					<div class="arrAnota"></div>
				</div>
				<!--End anota-->

				<!--Contact-->
				<section id="contact" class="clearfix">
					<!--Title-->
					<div class="title">
						<div>
							<h1>Cliente</h1>
							<h4>Modificación de cliente</h4>
						</div>
						<div class="titleArrow"></div>
					</div>
					<!--End title-->

					<!--Inner contact-->
					<div id="innerContact" class="clearfix">

						<p:panel header="Modificar Cliente">
							<h:form id="form">
								<table>
									<tr>
										<td><label>Cliente</label></td>
										<td><p:selectOneMenu id="cliente"
												value="#{UsuarioBean.correo}" required="true">

												<f:selectItems value="#{UsuarioBean.clientes}" var="clie"
													itemLabel="#{clie.nombre} - #{clie.apellido} "
													itemValue="#{clie.correo}" />



											</p:selectOneMenu></td>

										<td><p:commandButton id="btnProv" value="Buscar"
												action="#{UsuarioBean.buscarCliente}" ajax="false"></p:commandButton></td>
									</tr>
									
									<tr>
								
										<td><label>Nombre</label></td>
										<td><p:inputText id="nombre"
												value="#{UsuarioBean.nombre}">
											</p:inputText></td>
									</tr>
									<tr>
										<td><label>Apellido</label></td>
										<td><p:inputText id="apellido"
												value="#{UsuarioBean.apellido}">
											</p:inputText></td>
									</tr>
									<tr>
										<td><label>Sexo</label></td>
										<td><p:inputText id="sexo" value="#{UsuarioBean.sexo}">
											</p:inputText></td>
									</tr>
									<tr>
										<td><label>Celular</label></td>
										<td><p:inputText id="celular"
												value="#{UsuarioBean.celular}">
											</p:inputText></td>
									</tr>
									<tr>
										<td><label>Direccion </label></td>
										<td><p:inputText id="direccion"
												value="#{UsuarioBean.direccion}">
											</p:inputText></td>
									</tr>

									<tr>
										<td><label>Tipo de documento</label></td>
										<td><p:selectOneMenu id="tipoDocumento"
												value="#{UsuarioBean.tipoDoc}" required="true">

												<f:selectItems value="#{UsuarioBean.tiposDocumentos}"
													var="_tipoDoc" itemLabel="#{_tipoDoc.tipo}"
													itemValue="#{_tipoDoc.idtipodocumento}" />

											</p:selectOneMenu></td>
									</tr>

									<tr>
										<td><label>Numero de documento</label></td>
										<td><p:inputText id="numeroDocumento"
												value="#{UsuarioBean.noDocumento}">
											</p:inputText></td>
									</tr>
									<tr>
										<td><label>Telefono Residencia</label></td>
										<td><p:inputText id="telefonoResidencia"
												value="#{UsuarioBean.telFijo}">
											</p:inputText></td>
									</tr>
									<tr>
										<td><label>Fecha de Nacimiento</label></td>
										<td><p:calendar value="#{UsuarioBean.fechaNacimiento}"
												id="popupButtonCal" showOn="button" /></td>
									</tr>
									<tr>
										<td><label>Departamento</label></td>
										<td><p:selectOneMenu id="departamento"
												value="#{UsuarioBean.departamento}" required="true">

												<f:selectItems value="#{UsuarioBean.departamentos}"
													var="_depto" itemLabel="#{_depto.nombre}"
													itemValue="#{_depto.iddepartamento}" />

											</p:selectOneMenu></td>

										<td><h:commandButton id="btnDepto" value="Buscar"
												action="#{UsuarioBean.buscarCiudad}"></h:commandButton></td>
									</tr>

									<tr>
										<td><label>Ciudad</label></td>
										<td><p:selectOneMenu id="ciudad"
												value="#{UsuarioBean.ciudad}" required="true">

												<f:selectItems value="#{UsuarioBean.ciudades}" var="_ciudad"
													itemLabel="#{_ciudad.nombre}"
													itemValue="#{_ciudad.idciudad}" />

											</p:selectOneMenu></td>
									</tr>

									<tr>
										<td><label>Estado</label></td>


										<td><p:selectOneMenu id="estado"
												value="#{UsuarioBean.estado}" required="true">

												<f:selectItems value="#{UsuarioBean.estados}" var="_estado"
													itemLabel="#{_estado.nombreestado}"
													itemValue="#{_estado.idestado}" />

											</p:selectOneMenu></td>
									</tr>

									<tr>
										<td><label>Suscripcion </label></td>
										<td><p:inputText id="suscripcion"
												value="#{UsuarioBean.suscrito}">
											</p:inputText></td>
									</tr>

									<tr>
										<td></td>
										<td><p:commandButton id="btnModificar" value="Modificar"
												action="#{UsuarioBean.editarCliente}" ajax="false"></p:commandButton> <p:commandButton
												id="btnLimpiar" value="Limpiar"
												action="#{UsuarioBean.limpiar}" ajax="false"></p:commandButton></td>
									</tr>
								</table>
								<h:outputText id="mensaje" value="#{UsuarioBean.mensaje}">
								</h:outputText>

							</h:form>
						</p:panel>

					</div>
					<!--Inner contact-->
				</section>
				<!--End contact-->


				<!--Footer-->
				<section id="footer">
					<div class="innerFooter">
						<p>Junio 2013. Online Store Retailer</p>
					</div>
				</section>
				<!--End footer -->
			</div>


			<!--End inner Content-->
		</div>
		<!--End main content-->

	</div>
	<!--End wrapper-->

	<!-- /TEMPLATE -->


</h:body>
</html>